﻿//*******************************************
//2017年2月24日 0:05 由 向立凯 结束编写
//初步功能实现，仅做参考使用
//生产中使用需要继续完善，无js注入防御
//*******************************************
//alert 弹窗  start
function alertModel(title,body){
    if(!title){
        title='温馨提示';
    }
    if(!body){
        body='出错了，再来一次！';
    }
    $.alert({
        title:title,
        body: body,
        transition: true
    });
}
//alert 弹窗  end

//创建复诊病例 start
function createVisitCase() {
    var hospital_id = $('#hospitalId').val();
    var doctor_id = $('#doctorId').val();
    var clinic_at = $('#clinicAt').val();
    var d = {
        patient_id: patient_id,
        hospital_id: hospital_id,
        doctor_id: doctor_id,
        clinic_at: clinic_at
    };
    if (doctor_id && hospital_id && clinic_at) {
        $.post('/manage/record/subsequent', d, function (data) {

            if (data.code == 10000) {
                sessionStorage.setItem('record_id', data.data.id);//将病例id存入浏览器  页面刷新时候获取id请求病例数据
                sessionStorage.setItem('patient_id', data.data.patient_id);//将患者id存入浏览器  页面刷新时候获取id请求患者基本信息
                $('input#record_id').val(data.data.id);  //将病例id存入页面基本信息下隐藏输入框
            } else {
                $.alert({
                    title: '提示信息',
                    body: '创建失败，请重试！',
                    transition: true
                });
                $('input#record_id').val('创建失败');  //若创建失败  将隐藏域做标示
            }
        });
    } else {
        $.alert({
            title: '提示信息',
            body: '请填写复诊信息！',
            transition: true
        });
        $('input#record_id').val('创建失败');  //若创建失败  将隐藏域做标示
    }
}
//创建复诊病例 end



var IMG_LENGTH = 10;//图片最大1MB
var IMG_MAXCOUNT = 9;//最多选中图片张数
var IMG_AJAXPATH = "ajax/ImgUpLoad.ashx";//异步传输服务端位置


var UP_IMGCOUNT = 0;//上传图片张数记录
//打开文件选择对话框
$("#allUltrasonic").delegate('.div_imgfile','click',function(){
        if ($(this).parents('li').find(".lookimg").length >= IMG_MAXCOUNT) {
            alertModel('温馨提示',"一次最多上传" + IMG_MAXCOUNT + "张图片");
            return;
        }

        var _CRE_FILE = document.createElement("input");
        if ($(".imgfile").length <= $(".lookimg").length) {//个数不足则新创建对象
            _CRE_FILE.setAttribute("type", "file");
            // _CRE_FILE.setAttribute("multiple", "multiple");
            _CRE_FILE.setAttribute("class", "imgfile");
            _CRE_FILE.setAttribute("accept", ".png,.jpg,.jpeg,.JPG,.JPEG,.PNG");
            _CRE_FILE.setAttribute("num", UP_IMGCOUNT);//记录此对象对应的编号
            // $(".div_imgfile").after(_CRE_FILE);
            $(this).after(_CRE_FILE);
        }
        else { //否则获取最后未使用对象
            _CRE_FILE = $(".imgfile").eq(0).get(0);
        }
        return $(_CRE_FILE).click();//打开对象选择框

});

//创建预览图，在动态创建的file元素onchange事件中处理
$(".imgfile").live("change", function () {
    if ($(this).val().length > 0) {//判断是否有选中图片
        //判断图片格式是否正确
        var FORMAT = $(this).val().substr($(this).val().length - 3, 3);
        if (FORMAT != "png" && FORMAT != "jpg" && FORMAT != "peg"&& FORMAT != "PNG"&& FORMAT != "JPEG"&& FORMAT != "JPG") {
            alert("文件格式不正确！！！");
            return;
        }

        //判断图片是否过大，当前设置1MB
        var file = this.files[0];//获取file文件对象
        if (file.size > (IMG_LENGTH * 1024 * 1024)) {
            alert("图片大小不能超过" + IMG_LENGTH + "MB");
            $(this).val("");
            return;
        }
        //创建预览外层
        var _prevdiv = document.createElement("div");
        _prevdiv.setAttribute("class", "lookimg");
        //创建内层img对象
        var preview = document.createElement("img");
        $(_prevdiv).append(preview);
        //创建删除按钮
        var IMG_DELBTN = document.createElement("div");
        IMG_DELBTN.setAttribute("class", "lookimg_delBtn");
        IMG_DELBTN.innerHTML = "移除";
        $(_prevdiv).append(IMG_DELBTN);
        //创建进度条
        var IMG_PROGRESS = document.createElement("div");
        IMG_PROGRESS.setAttribute("class", "lookimg_progress");
        $(IMG_PROGRESS).append(document.createElement("div"));
        $(_prevdiv).append(IMG_PROGRESS);
        //记录此对象对应编号
        _prevdiv.setAttribute("num", $(this).attr("num"));
        //对象注入界面
        $(this).parents('li').find('.div_imglook').children("div:last").before(_prevdiv);

        // $(".div_imglook").children("div:last").before(_prevdiv);
        UP_IMGCOUNT++;//编号增长防重复

        //预览功能 start
        var reader = new FileReader();//创建读取对象
        reader.onloadend = function () {
            preview.src = reader.result;//读取加载，将图片编码绑定到元素
        };
        if (file) {//如果对象正确
            reader.readAsDataURL(file);//获取图片编码

            //jjc添加⬇️


        } else {
            preview.src = "";//返回空值
        }
        //预览功能 end
    }
});

//删除选中图片
$(".lookimg_delBtn").live("click", function () {
    $(".imgfile[num=" + $(this).parent().attr("num") + "]").remove();//移除图片file
    $(this).parent().remove();//移除图片显示
});

//删除按钮移入移出效果
$(".lookimg").live("mouseover", function () {
    if ($(this).attr("ISUP") != "1")
        $(this).children(".lookimg_delBtn").eq(0).css("display", "block");
});
$(".lookimg").live("mouseout", function () {
    $(this).children(".lookimg_delBtn").eq(0).css("display", "none");
    ;
});

//确定上传按钮
$("#allUltrasonic").delegate('.btn_ImgUpStart','click',function(){
    var selfBtn=this;
    // if($('input#patient_id').val()!=''){
    //     if($('input#record_id').val()==''){
    //         createVisitCase();
    //     }
        setTimeout(function(){
            var selfParent = $(selfBtn).parents('li');
            // if (selfParent.find(".lookimg").length <= 0) {
            //     alert("还未选择需要上传的图片");
            //     return;
            // }

            //全部图片上传完毕限制
            // if ($(".lookimg[ISUP=1]").length == $(".lookimg").length) {
            //     alert("图片已全部上传完毕！");
            //     return;
            // }

            //循环所有已存在的图片对象，准备上传
            for (var i = 0; i < selfParent.find(".lookimg").length; i++) {
                var NOWLOOK = selfParent.find(".lookimg").eq(i);//当前操作的图片预览对象
                NOWLOOK.index = i;
                //如果当前图片已经上传，则不再重复上传
                if (NOWLOOK.attr("ISUP") == "1")
                    continue;

                //上传图片准备
                var IMG_BASE = NOWLOOK.children("img").eq(0).attr("src"); //要上传的图片的base64编码
                // var IMG_IND = NOWLOOK.attr("num");
                // var IMG_ROUTE = $(".imgfile[num=" + IMG_IND + "]").eq(0).val();//获取上传图片路径，为获取图片类型使用
                // var IMG_ENDFOUR = IMG_ROUTE.substr(IMG_ROUTE.length - 4, 4);//截取路径后四位，判断图片类型
                // var IMG_FOMATE = "jpeg"; //图片类型***
                // if (IMG_ENDFOUR.trim() == ".jpg")
                //     IMG_FOMATE = "jpg";
                // else if (IMG_ENDFOUR.trim() == ".png")
                //     IMG_FOMATE = "png";

                // $.ajax({
                //     type: "POST",
                //     url: IMG_AJAXPATH,
                //     data: {'imgBase': IMG_BASE, 'imgFormat': IMG_FOMATE, 'lookIndex': NOWLOOK.index},//图片base64编码，图片格式（当前仅支持jpg,png,jpeg三种），图片对象索引
                //     dataType: "json",
                //     success: function (data) {
                //         if (data.isok == "1") {
                //             //图片上传成功回调
                //             var UPTIME = Math.ceil(Math.random() * 400) + 400;//生成一个400-800的随机数，假设进图条加载时间不一致
                //             $(".lookimg").eq([data.ind]).attr("ISUP", "1");//记录此图片已经上传
                //             $(".lookimg").eq([data.ind]).children(".lookimg_progress").eq(0).children("div").eq(0).animate({width: "100%"}, UPTIME, function () {
                //                 $(this).css("background-color", "#00FF00").text('上传成功');
                //             });
                //         }
                //         else {//图片未上传成功回调
                //             $(".lookimg")[data.ind].children(".lookimg_progress").eq(0).children("div").eq(0).css("width", "100%").css("background-color", "red").text("上传失败");
                //         }
                //     },
                //     error: function (err) {
                //         //服务器连接失败报错处理
                //         alert("error");
                //         //alert(err.responseText);
                //     },
                //     beforeSend: function () {
                //         //图片上传之前执行的操作，当前为进度条显示
                //         // NOWLOOK.children(".lookimg_progress").eq(0).css("display", "block");//进度条显示
                //         NOWLOOK.children(".lookimg_progress").eq(0).css("display", "none");//进度条显示
                //     }
                // });
            }
            //图片以文件方式上传⬇️
            var formData = new FormData();
            $.each(selfParent.find('.imgfile'), function (k, v) {
                var img_file = selfParent.find('.imgfile')[k];
                var fileObj = img_file.files[0];
                formData.append('image_file[' + k + ']', fileObj);
            });
            var remark = selfParent.find('textarea[name=Cremark]').val();
            // console.log(remark.length);
            // console.log(remark);
            formData.append('remark', remark);
            formData.append('check_type', selfParent.attr('data-type'));

            var url = '';
            if (selfParent.hasClass('hasOldPic')) {
                // console.log(selfParent.attr('data-id'));
                url = '/manage/auxiliary/checks/update/'+selfParent.attr('data-id');
                $.each(selfParent.find('.oldPic'), function (k, v) {
                    formData.append('images[]', $(v).attr('src'));
                });

            } else {
                if (selfParent.find(".lookimg").length <= 0) {
                    alert("还未选择需要上传的图片");
                    return;
                }
                formData.append('record_id', $('input#record_id').val());
                url = '/manage/auxiliary/checks/store';
            };
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                dataType: 'JSON',
                anync: false,
                cache: false,
                processData: false,
                contentType: false,
                success: function (data) {
                    if(data.code==10000){
                        alertModel('温馨提示',selfParent.find('.name').html()+'保存成功！')
                        selfParent.addClass('hasOldPic');
                        selfParent.attr('data-id',data.data.id);
                    }
                }
            });
        },20);
    // }else{
    //     alertModel('温馨提示','请先创建病例')
    // }




});


$('.picCommit').delegate('.lookimg img', 'click', function () {
    $(".bgCover").find('img').attr('src', this.src);
    $(".bgCover").show();

});
$(".bgCover").bind('click', function () {
    $(this).hide();
});